<template>
	<div class="login-box">
		<h2 v-text="data.web_name"></h2>
		<h3 v-text="data.web_name2"></h3>
		<form class="form" v-on:submit.prevent>
		    <div class="form-box">
		        <div class="text">電話番号</div>
		        <div class="flex">
		            <div class="area">+81</div>
		            <input type="text" class="login-input" maxlength="13" placeholder="携帯電話番号を入力してください"
		                v-model="postdata.mobile" />
		        </div>
		    </div>
		    <div class="form-box">
		        <h4 class="text">パスワード</h4>
		        <div class="flex">
		            <input type="password" class="login-input" id="password" maxlength="64" placeholder="パスワードを入力してください"
		                autocomplete="on" v-model="postdata.password" />
		        </div>
		    </div>
		    <div class="form-box">
		        <button @click="login" class="topup">ログイン</button>
		    </div>
		</form>
		<div class="reg-text">
		    <div class="text1">まだアカウントを持っていない場合は、今すぐ登録してください</div>
		    <router-link to="/register" class="btn">
		        登録する
		    </router-link>
		</div>
	</div>
</template>

<script>
	import AJAX from '@/utils/http'
	// import lang from '@/lang'; // 导入语言文件
	export default {
		data() {
			return {
				postdata: {
					mobile: '',
					password: ''
				},
				data:{},
			};
		},
		created() {
			// 获取URL参数中的token
			const token = this.$route.query.token;
			if (token !== undefined && token !== null && token !== '') {
				// 执行你的逻辑，比如存储token到本地存储
				localStorage.setItem('token', token);
				this.$router.push('/');
			}
			this.fetchData();
		},
		methods: {
			fetchData() {
				AJAX.post('/index/init', {}, {
					showLoading: false
				}).then(e => {
					this.data = e.data;

				});
			},
			login() {
				if(this.postdata.mobile == ''){
					this.$toast('携帯電話番号を入力してください');
					return;
				}
				else if(this.postdata.password == ''){
					this.$toast('パスワードを入力してください');
					return;
				}
				else{
					AJAX.post('/user/login', this.postdata).then(e => {
						// 未登录
						if (!e.code || !e.data.token) {
							this.$toast(e.msg);
							return;
						}

						localStorage.setItem('token', e.data.token);
						this.$alert(e.msg, 'Ok', () => {
							this.$router.replace('/');
						});
					});
				}
			}
		}
	}
</script>

<style scoped>
	.text1{
		margin-bottom: 8px;
		font-size: 11px;
	}
</style>
